﻿/* form */
#form-simmulateur{max-width:750px;margin:0 auto 50px;background-color:#fff;border:1px solid #e6e6e6;text-align:left;}
#form-simmulateur input{background-color:#f6f6f6 !important;}
#form-simmulateur .sub-item{padding:45px;}
#form-simmulateur .sub-item + .sub-item{border-top:1px solid #e6e6e6;}
#form-simmulateur .sub-slider{position:relative;display:block;height:8px;margin:15px 0;border-radius:10px;background-color:#e8e8e8;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);}
#form-simmulateur .sub-slider-min, #form-simmulateur .sub-slider-max{position:absolute;top:100%;font-size:14px;margin-top:10px;}
#form-simmulateur .sub-slider-min{left:0;}
#form-simmulateur .sub-slider-max{right:0;}
#form-simmulateur .sub-term{float:left;width:100px;font-weight:600;line-height:1.4;color:#000;}
#form-simmulateur .sub-description{overflow:hidden;}
#form-simmulateur .sub-description input{width:125px;}

@media (max-width:640px){
	#form-simmulateur .sub-item{padding:25px;}
	#form-simmulateur .sub-term{float:none;width:auto;}
}


/* list */
.form-tabs{display:table;width:100%;}
.form-tabs > li{display:table-cell;padding:7px 0;text-align:center;font-size:14px;color:#333;line-height:1.3;border:1px solid;border-color:#e0e0e0 #e0e0e0 #d8d8d8;background-image:linear-gradient(to bottom, #fff, #f8f8f8);cursor:pointer;}
.form-tabs > li:hover{background:#f4f4f4;box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.05);}
.form-tabs > li + li{border-left:none;}
.form-tabs > li.is-current{background:#3b3b3b;border-color:#000;color:#fff;text-shadow:0 1px rgba(0, 0, 0, 0.75);box-shadow:none;}
.form-tabs > li:first-child{border-radius:3px 0 0 3px;}
.form-tabs > li:last-child{border-radius:0 3px 3px 0;}


/* noUiSlider */
.noUi-target{margin:31px 0;height:8px;background:#e8e8e8;border-radius:10px;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.05);}
.noUi-target, .noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;-ms-user-select:none;-moz-user-select:none;-moz-box-sizing:border-box;box-sizing:border-box;}
.noUi-inner{position:relative;margin:0 85px;translate3d(0,0,0);transform:translate3d(0,0,0);}
.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0;}
.noUi-origin.is-dragable{cursor:w-resize;}
.noUi-origin.is-stacking .noUi-handle{z-index:10;} /* This class is applied to the lower origin when its values is > 50%. */
.noUi-state-tap .noUi-origin{-webkit-transition:left 0.3s, top 0.3s;transition:left 0.3s, top 0.3s;}
.noUi-state-drag *{cursor:inherit !important;}


/* Handles and cursors; */
.noUi-handle{position:relative;z-index:1;top:-31px;left:-85px;width:170px;height:70px;text-align:center;border-radius:3px;background-image:linear-gradient(to bottom, #fff, #f8f8f8);background-color:#fff;border:1px solid #d8d8d8;box-shadow:0 0 10px rgba(0, 0, 0, 0.10);cursor:w-resize;}
.noUi-handle.is-active{background:#fff;}
.noUi-handle:before, .noUi-handle:after{content:" ";background-position:center center;width:25px;position:absolute;}
.noUi-handle:before{background-image:url(/PublishingImages/site-particuliers/noUi-handle-before.gif);background-repeat:no-repeat;}
.noUi-handle:before{top:0;left:0;bottom:0;border-right:1px solid rgba(0, 0, 0, 0.1);}
.noUi-handle:after{background-image:url(/PublishingImages/site-particuliers/noUi-handle-after.gif);background-repeat:no-repeat;}
.noUi-handle:after{top:0;right:0;bottom:0;border-left:1px solid rgba(0, 0, 0, 0.1);}
#slider-duration .noUi-handle{top:-23px;height:52px;}

.slider-capital, .slider-monthlypayment{position:absolute;left:0;right:0;text-align:center;}
.slider-capital{top:12px;font-size:19px;font-weight:600;}
.slider-monthlypayment{top:38px;font-size:13px;opacity:0.75;}